<%@page contentType="text/html"%>
<%@page pageEncoding="ISO-8859-1"%>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="t" uri="http://myfaces.apache.org/tomahawk"%>
<%@taglib prefix="rich" uri="http://richfaces.org/rich"%>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j"%>


<%
        request.setAttribute("nombrePagina", "Listar-Tarjeta Debito");
%>

<f:view>

    <%@include file="/WEB-INF/jspf/header.jspf" %>

    <h:messages id="messages" styleClass="messages_content" layout="table" errorClass="error" warnClass="warn" infoClass="info"/>
    <h:form id="frmListarTarjetasDebito">
        <h:panelGrid columns="2">
            <%--h:commandButton value="Activar Tarjeta de Debito" action="#{TarjetaDebitoController.nuevo}" id="btnNuevaTarjetaDebito" /--%>
            <h:commandButton value="Inicio" action="#{TarjetaDebitoController.index}" id="btnIndex" />
        </h:panelGrid>
        <BR>
        <h:outputText value="<h3>TARJETAS DEBITOS ACTIVADAS</h3>" escape="false" />
        <t:dataTable id="tblTarjetasDebito"
                     value="#{TarjetaDebitoController.tarjetaDebitos}"
                     var="item"
                     bgcolor="#F1F1F1" border="10" cellpadding="5"
                     cellspacing="3" first="0"
                     frame="hsides" rules="all"
                     summary="Esta es la Lista de Creditos Ingresadas"
                     rowClasses="TableRow1,TableRow2" columnClasses="TableColumn"
                     styleClass="TableClass" headerClass="TableHeader" footerClass="TableFooter">
            <h:column>
                <f:facet name="header"><h:outputText value=" Nro. Tarjeta "/></f:facet>
                <h:outputText value="#{item.nroTarjeta}" />
            </h:column>
            <h:column>
                <f:facet name="header"><h:outputText value=" Estado "/></f:facet>
                <h:outputText value="#{item.estado}" />
            </h:column>
            <h:column>
                <f:facet name="header"><h:outputText value=" Fecha Vencimiento "/></f:facet>
                <h:outputText value="#{item.fechaVencimiento}" />
            </h:column>
            <h:column>
                <h:commandLink id="btnMostrar" action="#{TarjetaDebitoController.mostrar}" value="Mostrar" >
                    <f:setPropertyActionListener  target="#{TarjetaDebitoController.tarjetaDebito}" value="#{item}"/>
                </h:commandLink>
            </h:column>
            <%--h:column>
                <h:commandLink id="btnEditar" action="#{TarjetaDebitoController.editar}" value="Editar">
                    <f:setPropertyActionListener  target="#{TarjetaDebitoController.tarjetaDebito}" value="#{item}"/>
                </h:commandLink>
            </h:column--%>
            <h:column>
                <%--REGRESA LA TARJETA SELECCIONADA A LA CUENTA DE DONDE VINO LA SOLICITUD--%>
                <h:commandLink id="btnAsociar1" action="#{CuentaController.agregarTarjeta1}" value="Asociar a Cuenta"
                               rendered="#{CuentaController.bolAgregarTarjeta}" >
                    <f:setPropertyActionListener  target="#{CuentaController.tarjetaAAgregar}" value="#{item}"/>
                </h:commandLink>
            </h:column>
            <h:column>
                <%--ESTE AGREGAR ES PARA REGRESAR A EDITAR CUENTA--%>
                <h:commandLink id="btnAsociar2" action="#{CuentaController.agregarTarjeta2}" value="Asociar a Cuenta"
                               rendered="#{CuentaController.cuenta.idCuenta != null}" >
                    <f:setPropertyActionListener  target="#{CuentaController.tarjetaAAgregar}" value="#{item}"/>
                </h:commandLink>
            </h:column>
        </t:dataTable>
        <t:dataScroller id="scroller" for="tblTarjetasDebito" paginator="true" paginatorMaxPages="5"
                        paginatorActiveColumnStyle="font-size:12px;font-weight:bold;"
                        immediate="true">
            <f:facet name="first" >
                <t:graphicImage url= "/img/first.png" />
            </f:facet>
            <f:facet name="last">
                <t:graphicImage url="/img/last.png" />
            </f:facet>
            <f:facet name="previous">
                <t:graphicImage url="/img/previous.png" />
            </f:facet>
            <f:facet name="next">
                <t:graphicImage url="/img/next.png" />
            </f:facet>
        </t:dataScroller>
    </h:form>

    <%@include file="/WEB-INF/jspf/footer.jspf" %>
</f:view>

